<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 生成器其实就是一个特殊的的函数
        // function * gen(){
        //     console.log("hellow generator");
        // }

        // let iterator = gen();
        // // console.log(iterator);
        // iterator.next();

        // yield 相当于导函数代码的分隔符
        function * gen(){
            console.log("第一段");
            yield '一只没有耳朵';
            console.log("第二段");
            yield '一只没有尾巴';
            console.log("第三段");
            yield '真奇怪';
            console.log("第四段");
        }

        // let iterator = gen();
        // iterator.next();//执行第一段代码块
        // iterator.next();//执行第二段代码块
        // iterator.next();//执行第三段代码块
        // iterator.next();//执行第四段代码块

        // 实现了迭代器接口 遍历
        for (let v of gen()) {
            console.log(v);
        }
    </script>
</body>
</html>